<template>
	<view class="head-box">
		
		<view class="box u-f-ac" @click="openUrl">
			
			<!-- 头像 -->
			<view class="headPic">
				
				<u-avatar :src="userinfo.avatar" size="120rpx"></u-avatar>
				
			</view>
			
			<!-- 信息 -->
			<view class="info">
				
				<view class="top u-f-ac">
					
					<view class="nickname" :class="{'text-vip':userinfo.group_id==2}">
						<text>{{userinfo.nickname}}</text>
					</view>
					
					<view class="icon rz" v-if="userinfo.group_id==2">
						
					</view>
					
				</view>
				
				<view class="bottom line-1 sign">
					<text>{{userinfo.bio}}</text>
				</view>
				
			</view>
			
		</view>
		
	</view>
</template>

<script>
	export default {
		methods:{
			// 打开页面
			openUrl(){
				this.pageGo('/pages/home/wanshan')
			}
		}
	}
</script>

<style scoped lang="scss">
.head-box{
	padding: 40rpx 40rpx;
	background-color: white;
	.box{
		.headPic{
			width: 120rpx;
			height: 120rpx;
			border-radius: 120rpx;
			background-color: #eeeeee;
		}
		.info{
			margin-left: 30rpx;
			.nickname{
				font-size: 35rpx;
				color: #292934;
			}
			.icon{
				width: 38rpx;
				height: 38rpx;
				margin-left: 20rpx;
			}
			.rz{
				background: url('')no-repeat;
				background-size: 38rpx 38rpx;
			}
			.sign{
				margin-top: 8rpx;
				color: #868686;
				font-size: 26rpx;
			}
		}
	}
}
</style>